<div class="customHeader">
	<div class="row1">
		<div class="content-outer">
			<div style="float:left">
				<a class="brand" href="/"><img src="http://3.bp.blogspot.com/-VkGiqr7thh4/UJT9xqWeSWI/AAAAAAAAAPg/N3s8OHgEA7s/s0/frontendlabnet_logo.png" /></a>
				<div style="line-height:1;">Everything about Front-End Web Development for beginners and professional Web Developers</div>
			</div>
			
			<div class="socialIcons" style="float:right">
				<div class="single" style="margin-top:-10px;">
					<img src="http://2.bp.blogspot.com/-ID9hGXqAvKY/UKOMvqzK_zI/AAAAAAAAAb0/YJRJqYqpoEo/s0/Untitled-2.png"/>
				</div>
				<div class="single">
					<a class="socialLink rss" href="http://feeds.feedburner.com/frontendlab"></a>
				</div>
				<div class="single">
					<a class="socialLink facebook" href="http://facebook.com/frontendlab"></a>
				</div>
				<div class="single">
					<a class="socialLink twitter" href="http://twitter.com/fel_net"></a>
				</div>
			</div><!-- /.socialIcons -->
		</div>

	</div><!-- /.row1 -->
	<div class="clear"></div>
	<nav class="row2 scroll-fixed" style="position:relative;z-index:111">
		<div class="content-outer">
							
			<span style="float:left;">
				<a style="float:left;width:0px!important;padding:0!important;margin:0!important" id="row2-prev"></a>
				<a style="float:left;width:0px!important;padding:0!important;margin:0!important" id="row2-next"></a>
			</span>
			
			<span>
				
<div class="fel-menu">
	<ul>
		<li>
			<a href="/">Home <b class="caret"></b></a>
			<ul>
				<li><a href="/p/about-us.html">About Us</a></li>
				<li><a href="/p/contact-us.html">Contact Us</a></li>
				<li><a href="/p/write-for-us.html">Write For Us</a></li>
				<li><a href="/p/advertise.html">Advertise&nbsp;With&nbsp;Us</a></li>
			</ul>
		</li>
		<li>
			<a href="/search/label/Articles">Articles <b class="caret"></b></a>
			<ul>
				<li><a href="/search/label/HTML">HTML(5)</a></li>
				<li><a href="/search/label/CSS">CSS(3)</a></li>
				<li><a href="/search/label/JavaScript">JavaScript</a></li>
				<li><a href="/search/label/jQuery">jQuery</a></li>
				<li><a href="/search/label/UX-UI">UX-UI</a></li>
				<li><a href="/search/label/Animation">Animation</a></li>
				<li><a href="/search/label/Miscellaneous">Miscellaneous</a></li>
			</ul>
		</li>
		<li>
			<a href="/search/label/WebDev Essentials">WebDev Essentials <b class="caret"></b></a>
			<ul>
				<li><a href="/search/label/Tools and Softwares">Tools and Resources</a></li>
				<li><a href="/search/label/UI Frameworks">UI Frameworks</a></li>
				<li><a href="/search/label/Layouts and Templates">Layouts and Templates</a></li>
				<li><a href="/search/label/Menus and Navigations">Menus and Navigations</a></li>
				<li><a href="/search/label/Sliders and Carousels">Sliders and Carousels</a></li>
				<li><a href="/search/label/Icons and Logos">Icons and Logos</a></li>
				<li><a href="/search/label/Tabs and Accordions">Tabs and Accordions</a></li>
				<li><a href="/search/label/Buttons">Buttons</a></li>
				<li><a href="/search/label/Forms">Forms</a></li>
				<li><a href="/search/label/Other Essentials">Other Essentials</a></li>
			</ul>
		</li>
		<li>
			<a href="/search/label/Gallery">Gallery <b class="caret"></b></a>
			<ul>	
				<li><a href="/search/label/Design">Design</a></li>
				<li><a href="/search/label/Branding">Branding</a></li>
				<li><a href="/search/label/Inspiration">Inspiration</a></li>
				<li><a href="/search/label/Websites">Websites</a></li>
				<li><a href="/search/label/Products">Products</a></li>
			</ul>
		</li>
		<li>
			<a href="/p/write-for-us.html">Submit (Write For Us)</a>
		</li>
		<div class="clear"></div>
	</ul>
</div><!-- /.fel-menu -->
			</span>
			
			<div class="search" style="width:335px;">
<script>
  (function() {
    var cx = '014195562402739859854:nqygurh2ifs';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
        '//www.google.com/cse/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
</script>
<gcse:search></gcse:search>

			</div><!-- /.search -->
		</div>
	</nav><!-- /.row2 -->
</div><!--/.customHeader -->